import React from 'react'
import s from './style.module.less'
import { useNavigate } from 'react-router-dom';


export default function index() {
  const navagate=useNavigate()

  const gotoDetail=(e)=>{
    navagate(e)
  }
  return (
    <div className={s.bigbox}>
        <div className={s.box} onClick={()=>gotoDetail('/search')}>
        <svg width="22" height="22" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 8L44 21V44H4L4 21L24 8Z" fill="#2db1d4" stroke="#d8d0d0" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round"/><path d="M20 44V23L12 28L12 44" stroke="#FFF" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round"/><path d="M28 44V23L36 28L36 44" stroke="#FFF" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round"/><path d="M41 44H8" stroke="#d8d0d0" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round"/></svg>
            <div className={s.words}>二手房</div>
        </div>
        <div className={s.box} onClick={()=>gotoDetail('/newhouse')}>
        <svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 8L24 4L28 8V44H20V8Z" stroke="#333" strokeWidth="4" strokeLinejoin="round"/><path d="M12 20L20 12V44H12V20Z" stroke="#333" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round"/><path d="M4 35L12 28V44H4V35Z" stroke="#333" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round"/><path d="M28 12L36 20V44H28V12Z" stroke="#333" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round"/><path d="M36 28L44 34.5V44H36V28Z" stroke="#333" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round"/></svg>
            <div className={s.words}>新房</div>
        </div>
        <div className={s.box} onClick={()=>gotoDetail('/renthouse')}>
        <svg width="22" height="22" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42 43V6C42 4.89543 41.1046 4 40 4H33C31.8954 4 31 4.89543 31 6V24" stroke="#3aa4b1" strokeWidth="4" strokeLinejoin="round"/><path d="M24 22C14.0589 22 6 30.0589 6 40V44H42V40C42 30.0589 33.9411 22 24 22Z" stroke="#3aa4b1" strokeWidth="4"/><path d="M8 31V8" stroke="#3aa4b1" strokeWidth="4" strokeLinecap="round"/><path d="M16 24L16 14" stroke="#3aa4b1" strokeWidth="4" strokeLinecap="round"/><path d="M31 14L42 14" stroke="#3aa4b1" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round"/><path d="M17 42C17 41 17 40.0237 17 39C17 29.6112 20.134 22 24 22C27.866 22 31 29.6112 31 39C31 40.3778 31 41 31 42" stroke="#3aa4b1" strokeWidth="4"/><path d="M4 44H44" stroke="#3aa4b1" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round"/><path d="M7 35C7 35 17.3496 34 24 34C30.6504 34 41 35 41 35" stroke="#3aa4b1" strokeWidth="4"/></svg>
            <div className={s.words}>租房</div>
        </div>
    </div>
  )
}

